<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      rel="stylesheet"
      type="text/css"
      href="../../static/css/unlogin.css"
    />
  </head>
  <style>
    @import url("../../static/css/iconfont01.css");
  </style>
  <body>
    <div class="top">
      <div id="top">
        <!-- logo -->
        <div id="logo-search">
          <div class="logo">
            <img src="../../static/img/logo.png" alt="" />
          </div>
          <div class="top-search">
            <span><i class="iconfont">&#xe623;</i></span>
            <input type="text" placeholder="请输入搜索内容" id="top-input" />
          </div>
        </div>

        <!-- 各种功能 -->
        <div id="fn">
          <div class="home fn">
            <div class="icon"><i class="iconfont">&#xe625;</i></div>
          </div>
          <div class="hot border fn">
            <div class="icon"><i class="iconfont">&#xe628;</i></div>
          </div>
          <div class="message fn">
            <div class="icon"><i class="iconfont">&#xe908;</i></div>
          </div>
          <div class="private fn">
            <div class="icon"><i class="iconfont">&#xe60a;</i></div>
          </div>
        </div>
        <!-- 登录，设置等-->
        <div class="access">
          <div id="top-login">
            <button id="login-register-btn">登录/注册</button>
          </div>

          <div id="setting">
            <button id="top-setting-btn">
              <i class="iconfont">&#xe6d9; </i>
            </button>
          </div>
        </div>
      </div>
    </div>
    <div id="nav">
      <img src="../../static/img/banner.jpg" alt="" />
      <div id="nav-search">
        <span><i class="iconfont">&#xe623;</i></span>
        <input type="text" placeholder="请输入搜索内容" />
        <button class="search-btn">搜索</button>
      </div>
    </div>
    <div id="content">
      <div class="list">
        <ul>
          <li>
            <span><i class="iconfont">&#xe6ac;</i></span
            >热门微博
          </li>
          <li>
            <span><i class="iconfont">&#xe631;</i></span>
            热搜榜
          </li>
          <li>
            <span><i class="iconfont">&#xe660;</i></span
            >热门榜单
          </li>
        </ul>
      </div>
      <div id="news">
        <div class="sign"></div>
        <div class="news">
          <div class="news-top">
            <a href="../js/" class="head-link">
              <div class="head">
                <img src="../../static/img/banner.jpg" alt="" />
              </div>
            </a>
            <div class="top-details">
              <a href="" class="name">
                <p>XXX</p>
              </a>
              <p class="time">3-18</p>
            </div>
            <div class="top-attention">
              <button class="top-attention-btn">
                <i class="iconfont">&#xe7df;</i>关注
              </button>
            </div>
          </div>
          <div class="news-container">
            <p>
              xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
            </p>
            <div class="news-content"></div>
          </div>
          <div class="foot">
            <div class="share">
              <i class="iconfont">&#xe62f;</i>
              <span>12</span>
            </div>
            <div class="assess">
              <i class="iconfont">&#xe695;</i>
              <span>12</span>
            </div>
            <div class="like">
              <i class="iconfont">&#xe62b;</i>
              <span>12</span>
            </div>
          </div>
          <div class="spread">
            <input type="text" placeholder="请发布你的评论" />
            <button class="comment-btn disable">评论</button>
            <div id="comment">
              <div class="comment-list">
                <a href="">
                  <div class="comment-head">
                    <img src="../../static/img/banner.jpg" alt="" />
                  </div>
                </a>
                <div class="comment-details">
                  <a href="" class="comment-name"> <span>XXX</span> </a>:
                  <span class="c-content">11111111111111111111</span>
                  <div class="comment-bottom">
                    <div class="c-time">3-18</div>
                    <div class="comment-fn">
                      <div class="c-complain">
                        <i class="iconfont">&#xe6a9;</i>
                      </div>

                      <div class="c-like"><i class="iconfont">&#xe600;</i></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="news"></div>
      </div>
      <div id="right-bar">
        <div id="hot">
          <div class="hot-top">
            <div class="hot-top-content"><p>热搜</p></div>
            <div class="refresh"><i class="iconfont">&#xe661;</i>点击刷新</div>
          </div>
        </div>
        <a class="return-top" href="#">
          <i class="iconfont">&#xea7d;</i>
        </a>
      </div>
    </div>
  </body>
  <script type="text/javascript" src="../../static/js/unlogin.js"></script>
</html>
